<template>
    <div style="width: 100vw; height: 100vh">
      <Button 
              icon="md-close"
              class="back-icon"
              @click="close"/>
      <iframe class="e-order-q" :allowfullscreen="true" :src="iframeUrl">

      </iframe>
    </div>
</template>

<script>
export default {
  name: 'EOrderQ',
  data() {
    return {
      model: false,
      iframeUrl: process.env.VUE_APP_Q_VALUE_URL,
      width: window.innerWidth,
      height: window.innerHeight
    }
  },
  methods: {
    open() {
      this.model = true;
    },
    close (){
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped lang="scss">
.e-order-q {
  border: 0;
  width: 100vw;
  height: 100vh;
}

.back-icon {
  position: absolute;
  top: 24px;
  right: 67px;
  height: 50px;
  width: 50px;
}

/deep/ .ivu-modal-body {
  padding: 0;
}
</style>